<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>分组选择器</title>
    <style>

        /*
        功能:
            分组选择器的作用.
        说明:
            1. 当需要多个元素同时使用同一套CSS样式时，可以使用选择器分组，这样可以避免为每个元素单独设置样式而照成不必要的冗余。
                - 选择器分组通过 , （逗号）将需要复用同一套样式的多个元素进行分隔。
        */
        p,h1,span {
            border: 1px solid red;
        }

    </style>
</head>
<body>
<span>我是span</span>
<h1>我是h1</h1>
<h2>我是h2</h2>
<p>我是p</p>
</body>
</html>